<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
   
    <h:body>      
        <ui:composition template="./plantilla/plantilla.xhtml">
            <ui:define name="center">
                <div class="h_title">Planes de Estudio</div>
                <h:form id="form">
                    <p:growl id="grwPlanEstudios" showDetail="true"  />
                    <p:panel id="panellista" style="font-size:small;margin: auto">
                    <p:dataTable id="dtbPlanEstudios" var="planEstudios" 
                                 value="#{planEstudiosController.listaPlanCurricular}"
                                sortMode="multiple" rows="10" paginator="true"
                                paginatorPosition="bottom"
                                style="width: 100%;float: center">
                        <p:column headerText="Universidad" style="width:18%">  
                            <h:outputText />  
                        </p:column>  
                        
                        <p:column headerText="Facultad" style="width:18%">  
                            <h:outputText value="#{planEstudios.NDrcEscId.NFctId.VNombre}" />  
                        </p:column>  

                        <p:column headerText="Dir. Escuela" style="width:18%">  
                            <h:outputText value="#{planEstudios.NDrcEscId.VNombre}" />  
                        </p:column>  

                        <p:column headerText="Plan Estudios" style="width:18%">  
                            <h:outputText value="#{planEstudios.VNombre}" />  
                        </p:column>  

                        <p:column headerText="Fecha Creaciòn" style="width:16%">                                           
                            <h:outputText value="#{planEstudios.dtFchIni}" >
                                <f:convertDateTime pattern="yyyy-MM-dd"/>
                            </h:outputText>
                        </p:column>  

                        <p:column style="width:14px">
                            <p:commandButton id="btnGestionarAsignaturas"
                               icon="ui-icon-pencil" title="Gestionar Asignaturas"
                               onclick="vdlgGestionarAsignaturas.show()">  
                                <f:setPropertyActionListener value="#{ciclo}"
                                 target="#{cicloController.cicloSeleccionado}"/> 
                            </p:commandButton> 
                    </p:column>    
                    </p:dataTable>
                    </p:panel>
                </h:form>
                <h:form id="formCrearPlanEstudios" >          
                    <p:dialog id="dlgCrearPlanEstudios" header="Registro de Plan de Estudios"  
                                widgetVar="varCrearPlanEstudios" resizable="false"  modal="true" 
                                position="center" width="450" showEffect="fade" hideEffect="fold"
                                style="position:absolute; top:15% ; left:15%;" >                          
                        <h:panelGrid columns="3" id="pnlCrearPlanEstudios" style="width: 100%" cellpadding="4">
                            <h:outputLabel value="Nombre" />
                            <h:outputLabel value=":" /> 
                            <p:inputText id="txtNombre" value="#{planEstudiosController.planCurricular.VNombre}"/> 
                                                        
                            <h:outputLabel value="Facultad" styleClass="colum"/>
                            <h:outputLabel value=":"  styleClass="colum"/>
                            <p:selectOneMenu id="smnFacultad" effect="fold"
                                value="#{planEstudiosController.NFctId}"
                                valueChangeListener="#{planEstudiosController.updateValor()}"
                                required="true" >
                                <f:selectItem itemLabel="Seleccione" itemValue="0" />    
                                <f:selectItems value="#{facultadController.itemsFacultadSelectOne}"/>
                                <p:ajax update="smnDirEscuela">
                                </p:ajax>
                            </p:selectOneMenu>

                            <h:outputLabel value="Dir. de Escuela" styleClass="colum"/>
                            <h:outputLabel value=":" styleClass="colum"/>
                            <p:selectOneMenu  id="smnDirEscuela"
                                valueChangeListener="#{asignaturaController.updateValor()}"
                                value="#{planEstudiosController.NDrcEscId}" effect="fold" 
                                disabled="#{direccionEscuelaController.enabled}" >
                                <f:selectItem itemLabel="Seleccione" itemValue="0" />    
                                <f:selectItems value="#{direccionEscuelaController.itemsDirEscuelaSelectOne}"/>                        
                            </p:selectOneMenu>
                            
                            <h:outputLabel value="Fecha Creación" />
                            <h:outputLabel value=":" />                                
                            <p:calendar id="dtFchInicio" value="#{planEstudiosController.planCurricular.dtFchIni}" />
                                                        
                            <h:outputLabel />                                    
                            <p:commandButton  id="btnGrabarPlanEstudios" value="Grabar" 
                                    title="Grabar" ajax="true"
                                    actionListener="#{planEstudiosController.grabarPlanCurricular}"
                                    style="background: #043f52; color: white; float:right;"
                                    onclick="varCrearPlanEstudios.hide()"
                                    update=":form:dtbPlanEstudios, :form:grwPlanEstudios">                                 
                            </p:commandButton>    
                        </h:panelGrid>                                               
                    </p:dialog>
                </h:form>
                <h:form id="formGestionarAsignaturas">
                    <p:dialog id="dlgGestionarAsignaturas" header="Gestionar Asignaturas" modal="true"
                    widgetVar="vdlgGestionarAsignaturas" width="800" height="400" 
                    resizable="false" showEffect="clip" hideEffect="clip" 
                    style="position:absolute;">
                        <p:tabView id="tabViewCicloAcademico" var="cicloAcademico" 
                                   value="#{cicloAcademicoController.listaCicloAcademico}">    
                            <p:tab id="TabCicloAcademico" title="#{cicloAcademico.VNemonico}">  
                                <p:dataTable id="dtbCicloAcademico" var="ciclo" 
                                sortMode="multiple" rows="10" paginator="true"
                                style="width: 100%;float: center">

                                    <p:column headerText="Asignatura" style="width:20%">  
                                    </p:column>  

                                    <p:column headerText="Facultad" style="width:25%">  
                                    </p:column>  

                                    <p:column headerText="Fecha Inicial" style="width:20%">                     
                                    </p:column>  

                                    <p:column headerText="Fecha Final" style="width:20%">           
                                    </p:column>

                                    <p:column headerText="Estado" style="width:12%">  
                                    </p:column>    
                                </p:dataTable>   
                            </p:tab>  

                        </p:tabView>  
                    </p:dialog>
                </h:form>
            </ui:define>    
        </ui:composition>                    
    </h:body>    
</html>
